<!-- 车辆统计图表 -->
<div>
    <div class="layui-col-xs12 layui-col-md12">

        <!-- 搜索框 -->
        <form class="layui-form" action="" style="margin-top:10px;">
            <div class="layui-form-item">
                <div class="layui-input-inline" id='sel-car'>
                    <input type="hidden" name="car_id" value="{$Think.get.car_id}" class="car_id">
                    <input type="text" name="number" placeholder="点击选择车辆" autocomplete="off" class="layui-input number" readonly="readonly" value="{$Think.get.number}">
                </div>
                <div class="layui-input-inline">
                    <input type="hidden" name="company_id" value="{$Think.get.car_id}" class="company_id">
                    <input type="text" name="company_name" placeholder="点击选择公司" autocomplete="off" class="layui-input company_name" readonly="readonly"
                        value="{$Think.get.company_name}">
                </div>
                <div class="layui-input-inline">
                    <select name="prop">
                        <option value="" {$Think.get.prop? "": "selected"}>车辆性质-全部</option>
                        <option value="2" {$Think.get.prop==2? "selected": ""}>一般</option>
                        <option value="3" {$Think.get.prop==3? "selected": ""}>行政执法</option>
                        <option {$Think.get.prop==4? "selected": ""} value="4">四办用车</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="filter">
                        <option {$Think.get.filter? "": "selected"} value=''>全部</option>
                        <option {$Think.get.filter==2? "selected": ""} value='2'>公务车辆</option>
                        <option {$Think.get.filter==3? "selected": ""} value='3'>自营车辆</option>
                        <!--<option {$Think.get.filter==4? "selected": ""} value='4'>租赁车辆</option>-->
                        <!--<option {$Think.get.filter==9? "selected": ""} value='9'>加盟车辆</option>-->
                    </select>
                </div>
                <button class="layui-btn layui-btn-normal">
                    <span>查询</span>
                </button>
            </div>
        </form>
        <div style="color: #fff;">
            <div class="layui-col-md5 layui-col-sm12">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card" style="background-color: #32c5d2;height: 170px;">
                            <div class="layui-card-header" style="padding-top:30px;border-bottom: 1px solid #32c5d2;color: #fff;">车辆数量</div>
                            <div class="layui-card-body">
                                <span data-check='car_number' class="car_number" style="font-size: 3rem;"></span>
                                <span style="font-size: 20px;">辆</span>
                            </div>
                        </div>
                        <!-- <div class="layui-card" style="background-color: #32c5d2;height: 170px;position: absolute;top:7px; right: 0;">
                            <div class="layui-card-header" style="padding-top:30px;border-bottom: 1px solid #32c5d2;color: #fff;">车辆事故</div>
                            <div class="layui-card-body">
                                <span data-check='gongwuche_number' style="font-size: 3rem;"></span>
                                <span style="font-size: 20px;">次</span>
                            </div>
                        </div> -->
                    </div>
                </div>
                <div class="layui-col-space12">
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #32c5d2;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px; border-bottom: 1px solid #32c5d2;color: #fff;">公务车数量</div>
                                <div class="layui-card-body">
                                    <span data-check='gongwuche_number' style="font-size: 3rem;"></span>
                                    <span style="font-size: 20px;">辆</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card" style="background-color: #32c5d2;height: 170px;">
                            <div class="layui-card-header" style="padding-top:30px;border-bottom: 1px solid #32c5d2;color: #fff;">搜索数量</div>
                            <div class="layui-card-body">
                                <span data-check='car_number' class="car_number" style="font-size: 3rem;"></span>
                                <span style="font-size: 20px;">辆</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #32c5d2;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px;border-bottom: 1px solid #32c5d2;color: #fff;">公务车数量</div>
                                <div class="layui-card-body">
                                    <span data-check='gongwuche_number' style="font-size: 3rem;"></span>
                                    <span style="font-size: 20px;">辆</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
            <div class="layui-col-md7 layui-col-sm12">
                <div id="main" style="width: 100%;height:370px;"></div>
            </div>
            <!-- <div class='layui-col-md12' style="margin-bottom: 6px;">
                <div class="layui-col-space12">
                    <div class="layui-col-md6 ">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #32c5d2;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px;border-bottom: 1px solid #32c5d2;color: #fff;">车辆事故</div>
                                <div class="layui-card-body">
                                    <span data-check='gongwuche_number' style="font-size: 3rem;"></span>
                                    <span style="font-size: 20px;">次</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #32c5d2;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px; border-bottom: 1px solid #32c5d2;color: #fff;">搜索结果</div>
                                <div class="layui-card-body">
                                    <span data-check='search_car_number' style="font-size: 3rem;"></span>
                                    <span style="font-size: 20px;">辆</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <div class="layui-col-md12">
                <div class="layui-col-space12">
                    <div class="layui-col-lg3 layui-col-md6 layui-col-xs12">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #8E44AD;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px; border-bottom: 1px solid #8E44AD;color: #fff;">维保</div>
                                <div class="layui-card-body">
                                    <span data-check='maintenance_record_number' style="font-size: 2.2rem;"></span>
                                    <span style="font-size: 20px;">元</span>
                                </div>
                                <div style="padding-left: 15px">维保次数
                                    <span></span> 次</div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-lg3 layui-col-md6 layui-col-xs12">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #8E44AD;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px; border-bottom: 1px solid #8E44AD;color: #fff;">年检</div>
                                <div class="layui-card-body">
                                    <span data-check='mot_record_number' style="font-size: 2.2rem;"></span>
                                    <span style="font-size: 20px;">元</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-lg3 layui-col-md6 layui-col-xs12">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #8E44AD;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px; border-bottom: 1px solid #8E44AD;color: #fff;">加油</div>
                                <div class="layui-card-body">
                                    <span data-check='refuel_record_number' style="font-size: 2.2rem;"></span>
                                    <span style="font-size: 20px;">元</span>
                                </div>
                                <div style="padding-left: 15px">加油
                                    <span>5</span> 次</div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-lg3 layui-col-md6 layui-col-xs12">
                        <div class="layui-card">
                            <div class="layui-card" style="background-color: #8E44AD;height: 170px;">
                                <div class="layui-card-header" style="padding-top:30px; border-bottom: 1px solid #8E44AD;color: #fff;">保险</div>
                                <div class="layui-card-body">
                                    <span data-check='car_insure_number' style="font-size: 2.2rem;"></span>
                                    <span style="font-size: 20px;">元</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 委托车辆数 -->
        <div>
            <div class="layui-row">
                <div class="layui-col-md12" style="border: 1px solid #ccc;margin-top:10px ;">
                    <div class="layui-card" style="background-color: #fff;">
                        <div class="layui-card-header" style="overflow: hidden;">
                            <div style="float:left;font-size: 16px;color: #838FA1;">委托车辆</div>
                            <div style="float:right;color:#0e90d2;" class="more">查看更多</div>
                        </div>
                        <div class="layui-card-body" style="overflow: hidden;">
                            <div class="layui-col-xs12 layui-col-sm6">
                                <span style="color: #0e90d2;">晋江市财政局</span>
                                <span style="font-size: 20px;color: #838FA1;"></span>
                                <span style="color: #838FA1;">辆</span>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6">
                                <span style="color: #0e90d2;">晋江市财政局</span>
                                <span style="font-size: 20px;color: #838FA1;"></span>
                                <span style="color: #838FA1;">辆</span>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6">
                                <span style="color: #0e90d2;">晋江市财政局</span>
                                <span style="font-size: 20px;color: #838FA1;"></span>
                                <span style="color: #838FA1;">辆</span>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6">
                                <span style="color: #0e90d2;">晋江市财政局</span>
                                <span style="font-size: 20px;color: #838FA1;"></span>
                                <span style="color: #838FA1;">辆</span>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6">
                                <span style="color: #0e90d2;">晋江市财政局</span>
                                <span style="font-size: 20px;color: #838FA1;"></span>
                                <span style="color: #838FA1;">辆</span>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6">
                                <span style="color: #0e90d2;">晋江市财政局</span>
                                <span style="font-size: 20px;color: #838FA1;">60</span>
                                <span style="color: #838FA1;">辆</span>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>